

.article
  position relative

  &__inner
    border 1px solid #e2e4da
    border-radius 12px
    box-shadow inset 0 0 1px 1px #e2e4da, 0 0 15px rgba(0, 0, 0, .5)
    margin-bottom 0
    padding-bottom .5em
    position relative
    word-break break-word

  &__head
    border-bottom 1px dotted #ddd

  &__foot
    border-top 1px dotted #ddd

  &-more-link
    float right

    &:hover
      transform scale(1.06)
      -moz-transform scale(1.06)
      -ms-transform scale(1.06)
      -webkit-transform scale(1.06)

    a
      background #88acdb
      border-radius 2px
      color #fff
      font-size .9rem
      line-height 1em
      opacity .75
      padding 2px 4px
      transition background .3s
      white-space nowrap
      -moz-border-radius 2px
      -moz-transition background .3s
      -ms-transition background .3s
      -webkit-border-radius 2px
      -webkit-transition background .3s

      &:hover
        background #9c9
        opacity 1

  .background-cover
    float left
    // height 250px
    // width 400px

    img
      border-top-left-radius 3px
      margin -1px 20px 5px -1px

.tag a
  color #fff

.tag a
  border-radius 0 5px 5px 0
  color #fff
  display inline-block
  float left
  font-size .75rem
  font-weight normal
  height 1.125rem
  line-height 1.125rem
  margin 5px 9px 5px 8px
  opacity .75
  padding 0 5px 0 10px
  position relative
  text-decoration none

.tag a.color0
  background #88acdb

.tag a.color0::before
  border-right-color #88acdb

.tag a.color1
  background #ffa07a

.tag a.color1::before
  border-right-color #ffa07a

.tag a.color2
  background #f08080

.tag a.color2::before
  border-right-color #f08080

.tag a.color3
  background #76becc

.tag a.color3::before
  border-right-color #76becc

.tag a.color4
  background #918597

.tag a.color4::before
  border-right-color #918597

.tag a.color5
  background #6fc0e4

.tag a.color5::before
  border-right-color #6fc0e4

.tag a.color6
  background #bc8f8f

.tag a.color6::before
  border-right-color #bc8f8f

.tag a:hover
  background-color #9c9
  border-color #9c9
  opacity 1
  transform scale(1.06)
  -moz-transform scale(1.06)
  -ms-transform scale(1.06)
  -webkit-transform scale(1.06)

.tag a:hover::before
  border-right-color #9c9

.tag a:before
  border .5625rem solid transparent
  content ' '
  height 0
  left -1.1rem
  position absolute
  top 0
  width 0

.tag a:after
  background-color #fff
  border-radius 4px
  box-shadow 0 0 0 1px rgba(0, 0, 0, .3)
  content ' '
  height 4px
  left 2px
  position absolute
  top .4375rem
  width 4px
  -webkit-box-shadow 0 0 0 1px rgba(0, 0, 0, .3)

  /* layer: default */
@media (min-width: 640px)
  .background-cover
    width: 400px
    height: 250px
